<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>快聚FUN - 让聚会更容易</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- -->
	<link rel="stylesheet" type="text/css" href="style/css/layout.css">
	<link rel="stylesheet" type="text/css" href="style/css/calendar.css">
	<link rel="stylesheet" type="text/css" href="style/css/invitation.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/invitation.js"></script>
	<script type="text/javascript">
		function checkChange() {
			var off = "off.png";
			var check = "check.png";
		    x = document.getElementById("checkimg");
			if (x.src.match(off) != null) {
				x.src = "style/images/check.png";
				document.getElementById("check").value = "1";
			}
			else if (x.src.match(check) != null) {
				x.src = "style/images/off.png";
				document.getElementById("check").value = "0";
			}
		}
		function submit() {
			f = document.getElementById("launch_form");
			f.action = "";
			f.submit();
		}
	</script>
</head>

<body>
<div class="container_all">
	<div class="header">
		<div class="container_12">
			<div class="grid_12 ">
				<img id="logo1" src="style/images/logo.gif" />
				<img id="logo2" src="style/images/logo_02.gif" />
			</div>
		</div>
	</div>
	<div class="content">
		<form id="launch_form" action="" method="post">
		<div class="container_12" style="
			margin-top: 20px; ">
			<br></br>
			<div class="grid_6 prefix_2 suffix_4 ">
				您的朋友 {$name} 发起聚会 “{$theme}”，邀请您参加!
			</div>
			<br></br>
			<div class="grid_8 prefix_2 suffix_2 ">
				活动开始时间定为 {$rangeDate} 某一天的 {$startTime}，请选择您的空闲时间
			</div>
			<div class="prefix_2 grid_8 suffix_2" style="
				margin-top: 10px;
				font-weight: bold;
			">本次聚会还邀请了：</div>
			<p class="prefix_2 grid_8 suffix_2">
			<?php foreach($attendPeople as $key=>$value){
				if($key!=0)
					echo " , ".$value;
				else
					echo $value;
			}?>
			
			</p>
			<br/>
			<div class="grid_4 prefix_2 suffix_6 ">
				<h6>请用鼠标点选您的空闲时间。</h6>
			</div>
			<div class="grid_4 prefix_2 suffix_6 ">
				2012年12月20号
			</div>
			<div class="grid_10 prefix_2 suffix_0">
					<div class="calendar">
						<div class="">
						<ul class="">
							<table>	
								<thead>
									<tr>
										<th>日</th>
										<th>一</th>
										<th>二</th>
										<th>三</th>
										<th>四</th>
										<th>五</th>
										<th>六</th>
									</tr>
									</thead>
									<tbody>
									<tr>
										<td id="d1"></td>
										<td id="d2"></td>
										<td id="d3"></td>
										<td id="d4"></td>
										<td id="d5"></td>
										<td id="d6"></td>
										<td id="d7"></td>
									</tr>
									<tr>
										<td id="d8"></td>
										<td id="d9"></td>
										<td id="d10"></td>
										<td id="d11"></td>
										<td id="d12"></td>
										<td id="d13"></td>
										<td id="d14"></td>
									</tr>
									<tr>
										<td id="d15"></td>
										<td id="d16"></td>
										<td id="d17"></td>
										<td id="d18"></td>
										<td id="d19"></td>
										<td id="d20"></td>
										<td id="d21"></td>
									</tr>
									<tr>
										<td id="d22"></td>
										<td id="d23"></td>
										<td id="d24"></td>
										<td id="d25"></td>
										<td id="d26"></td>
										<td id="d27"></td>
										<td id="d28"></td>
									</tr>
									<tr>
										<td id="d29"></td>
										<td id="d30"></td>
										<td id="d31"></td>
										<td id="d32"></td>
										<td id="d33"></td>
										<td id="d34"></td>
										<td id="d35"></td>
									</tr>
									<tr>
										<td id="d36"></td>
										<td id="d37"></td>
										<td id="d38"></td>
										<td id="d39"></td>
										<td id="d40"></td>
										<td id="d41"></td>
										<td id="d42"></td>
									</tr>									
								</tbody>
							</table>																			
						</ul>
					</div>
				</div>
			</div>
			<div class="grid_5 prefix_3 suffix_4">
				<a id="submit_btn" class="button green" onclick="__invitation.whetherGo('yes')" href="javascript:submit()" style="
					margin: 30px 0 40px 0;
					padding: 20px;
					width: 100px;">想去</a>
				<a id="submit_btn" class="button gray" onclick="__invitation.whetherGo('no')" href="javascript:submit()" style="
					margin: 30px 0 40px 80px;
					padding: 20px;
					width: 100px;">不想去</a>
			</div>
		</div>
		<input type="hidden" name="freeDate" id="launch-date" value={$lastSelect} ></input>	<!-- hidden -->
		<input type="hidden" name="gatherId" value={$gatherId}></input>
		<input type="hidden" name="whether" id="whether"></input>
		<input type="hidden" name="action" value="receiveDate"></input>
		<input type="hidden" name="lastSelect" id="lastSelect" value={$lastSelect}></input>
		<input type="hidden" name="holdDate" id="holdDate" value={$optionalDate}></input>
		<input type="hidden" name="verify" value={$verify} />
		</form>
	</div>
	<div class="footer">
		<div class="container_12">
			<div class="grid_12">
				<div class="grid_6 prefix_3 suffix_3">
					&copy;2012 快聚FUN&nbsp;&nbsp;&nbsp;&nbsp;
					联系我们：<a href="#">easygathering@gmail.com</a>
				</div>
			</div>
		</div>
	</div>
</div>
	<script src="js/calendar.js"></script>
</body>

</html>